<template>
    <div class="not_found">
       <img src="../assets/404.gif" alt="error">
       <button class="goback" @click="$router.push('/')">返回首页</button> 
    </div>
</template>
<style scoped>
    .not_found{
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .not_found img{
        width: 100%;
        height: 100%;
    }
    .goback{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 9999;
        background: #fff;
        padding: 10px 30px;
        border-radius: 5px;
        border: none;
        color: #000;
        outline: none;
    }
</style>